<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-Hans">
  
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="邱文武,邱润彬">
    <!--if lt IE 9]><script src="../../static/js/html5.min.js"></script><![endif]-->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../static/css/swiper.min.css">
    <link rel="stylesheet" href="../../static/css/mm-component.css">
    <link rel="stylesheet" href="../../static/css/mm-layout.css">
    <link rel="stylesheet" href="../../static/css/mm-theme.css">
    <script src="../../static/js/html5.min.js"></script>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/zepto.min.js"></script>
    <script src="../../static/js/mm-sdk.js"></script>
    <script src="../../static/js/mm-ui.js"></script>
    <title>超级美眉</title></head>

  <body>
    <div id="app" class="layout">
      <!-- 页头（开始） -->
      <header>
        <div class="row">
          <div class="col-4">
            <h4>节点</h4>
            <nav>
              <a href="#">
                <div class="item">
                  <span>测试链接</span></div>
              </a>
            </nav>
          </div>
          <div class="col-4">
            <h4>节点</h4>
            <nav>
              <a href="#">
                <div class="item">
                  <span>测试链接</span></div>
              </a>
            </nav>
          </div>
          <div class="col-4">
            <h4>节点</h4>
            <nav>
              <a href="#">
                <div class="item">
                  <span>测试链接</span></div>
              </a>
            </nav>
          </div>
        </div>
      </header>
      
        <!-- 侧栏（开始） -->
        <aside>
          <div class="row">
            <h4>123123</h4>
            <nav>
              <a href="#">
                <div class="item">
                  <span>测试链接</span></div>
              </a>
            </nav>
          </div>
        </aside>
        <!-- 侧栏（结束） -->
		
        <!-- 文章（开始） -->
        <article>
		<div class="row">
			  <div class="col-2">
				<h4>123123</h4>
				<ul>
				  <li>
					<div class="item">
					  <h5>标题</h5>
					  <p>
						<span>正文</span></p>
					</div>
				  </li>
				</ul>
			  </div>
			  <div class="col-10 tab">
				<ul class="tab-title">
					<li class="active">ABAB</li>
					<li class="">ABCABC</li>
					<li class="">ABCDABCD</li>
					<li class="">ABCDEABCDE</li>
				</ul>
				<ul class="list-number grid-4">
					<li>
						<div class="item-number">
							<h5 class="yidong">135<span>2883</span>5288</h5>
							<p>
								<span class="info">深圳移动</span>
								<span class="price">4750</span>
								<span class="note">(含话费:3050)</span>
							</p>
						</div>
						<div class="box">
							<h5>13528835288</h5>
							<p>
								<a href="/home/order?number=13528835288">预约</a>
								<button style="display: none;">取消收藏</button>
								<button class="btn-default">收藏</button>
							</p>
						</div>
					</li>
				</ul>
			  </div>
		  </div>
        </article>
        <!-- 文章（结束） -->
		
      <!-- 页脚（开始） -->
      <footer>
        <div class="row">
			<ul class="col-12 slogan grid-4">
				<li><i>多</i><span>百万号码 一站选购</span></li>
				<li><i>省</i><span>天天特价 低价包邮</span></li>
				<li><i>快</i><span>预约2小时 急速送达</span></li>
				<li><i>正</i><span>正品保障 无忧售后</span></li>
			</ul>
			<nav class="col-12 flink">
				  <span>友情链接: </span>
				  <a href="#">测试链接</a>
				  <a href="#">测试链接</a>
			</nav>
			<address class="col-12 copyright">
				<p>Copyright © 2006 - 2017 深圳市中创宏贸易有限公司 版权所有</p>
				<p>备案号: 粤ICP备13037438号-1</p>
			</address>
        </div>
      </footer>
      <!-- 页脚（结束） --></div>
  </body>

</html>